@import '../../assets/style/define';
@lineHeight: calc(@title * 1.375);

.list-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  .item-rank {
    font-size: 20px;
    width: 50px;
    text-align: center;
    color: @gray;
  }
  .item-img {
    &.circle {
      img {
        border-radius: 50%;
      }
    }
    img {
      width: 70px;
      border-radius: 20px;
    }
  }
  .item-info {
    flex: 1;
    padding-left: 10px;
    .item-title {
      font-size: @title;
      line-height: @lineHeight;
      max-height: calc(@lineHeight * 2);
      margin: 3px 0 5px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      overflow: hidden;
    }
    .item-category {
      font-size: @baseSize;
      color: @gray;
    }
    .rateCount {
      color: @gray;
    }
  }
}
